<template>
  <div>
    小儿子组件
    
    <p>大嫂: ---{{ bigsao }}</p>
    <input type="text" v-model="miniwife">
    <button @click="send">发布</button>
    <!-- <button @click="order">订阅</button> -->
  </div>
</template>

<script>
export default {
  data() {
    return {
      bigsao: '111',
      miniwife: ''
    }
  },
  methods: {
    // order(){ //手动订阅
    //     this.bus.$on('send', function(){
    //         console.log(123);
    //     })
    // }
    send(){
        this.bus.$emit('send2', this.miniwife)
    }
  },
  //  钩子函数 这个方法会自动触发 
  created() {
    // 自动订阅
    //  console.log(this); // 组件
    this.bus.$on('send', (val) => {  //函数中有个参数,就是发布事件传递的参数
      //   console.log(this)
      this.bigsao = val
    })
  }
}
</script>

<style></style>
